<template>
  <div>
    <el-tabs
      v-model="activeName"
      type="card"
    >
      <el-tab-pane
        label="部门管理"
        name="DepMane"
      >
        <dep-mana></dep-mana>
      </el-tab-pane>
      <el-tab-pane
        label="职位管理"
        name="PosMana"
      >
        <pos-mana></pos-mana>
      </el-tab-pane>
      <el-tab-pane
        label="职称管理"
        name="JoblebelMana"
      >
        <joblebel-mana></joblebel-mana>
      </el-tab-pane>
      <el-tab-pane
        label="奖惩管理"
        name="EcMana"
      >
        <ec-mana></ec-mana>
      </el-tab-pane>
      <el-tab-pane
        label="权限组"
        name="PermissMana"
      >
        <permiss-mana></permiss-mana>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>


<script>
import DepMana from '@/components/sys/DepMana.vue'
import EcMana from '@/components/sys/EcMana.vue'
import PosMana from '@/components/sys/PosMana.vue'
import JoblebelMana from '@/components/sys/JoblebelMana.vue'
import PermissMana from '@/components/sys/PermissMana.vue'
export default {

  components: { DepMana, EcMana, PosMana, JoblebelMana, PermissMana },

  name: 'SysBasic',

  data() {
    return {
      activeName: 'PermissMana'
    }

  },

  methods: {

  },
}
</script>


<style>
</style>